<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>给特别的赵妞妞</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
html,body{margin:0;height:100%;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.msg{
  position:absolute;
  padding:8px 16px;
  border-radius:20px;
  font-size:18px;
  font-weight:600;
  color:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
  opacity:0;
  transform:scale(.6) rotate(var(--r));
  animation:pop .8s cubic-bezier(.25,.7,.3,1) forwards;
  white-space:nowrap;
}
@keyframes pop{to{opacity:1;transform:scale(1) rotate(0)}}

/* 解锁按钮 */
#unlock{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
}
#unlock button{
  padding:12px 28px;
  font-size:20px;
  color:#fff;
  background:linear-gradient(135deg,#667eea,#764ba2);
  border:none;
  border-radius:30px;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.3);
}
</style>
<base target="_blank">
</head>
<body>

<!-- 隐藏音频 -->
<audio id="bgm" loop
  src="https://gitee.com/wwwtr/demo/raw/57a79acd721ae56ba459b5c145d816d02feefac2/%E7%89%B9%E5%88%AB%E7%9A%84%E4%BA%BA-%E6%96%B9%E5%A4%A7%E5%90%8C%231D7Ie.mp3">
</audio>

<!-- 唯一交互层 -->
<div id="unlock">
  <button id="btn">点我开始✨</button>
</div>

<script>
/* ===== 数据 ===== */
const msgs=[
"赵妞妞，在外照顾好自己",
"赵妞妞，注意安全！",
"赵妞妞，记得好好吃饭哦 赵🧑‍🍳",
"赵妞妞，少熬夜！",
"赵妞妞，早点休息",
"赵妞妞，可以偶尔睡个懒觉",
"赵妞妞，多喝水",
"赵妞妞，保护好嗓子",
"赵妞妞，身体最重要",
"赵妞妞，别把自己逼太紧",
"赵妞妞，适当放松下也是ok的",
"赵妞妞，别给自己太大压力",
"赵妞妞，你已经很棒很优秀了",
"赵妞妞，要对自己温柔一点",
"赵妞妞，你的努力终会开花",
"赵妞妞，今天也要开心呀",
"赵妞妞，禁止焦虑",
"赵妞妞，你已经做得很好了",
"赵妞妞，女人 最TM行",
"赵妞妞，今天的好运正在派送",
"赵妞妞，明日的惊喜正在打包",
"赵妞妞，后天也有人在偷偷爱你",
"赵妞妞，大后天还有更大的拥抱",
"赵妞妞，今天也要元气满满",
"赵妞妞，你的存在就是礼物",
"赵妞妞，你在我眼中是最美",
"赵妞妞，你很漂亮",
"赵妞妞，你素颜真的很美",
"赵妞妞，你笑起来很好看",
"赵妞妞，你开朗阳光又善良",
"赵妞妞，你傻傻的但又很会爱人",
"赵妞妞，要记得你有多重要",
"赵妞妞，你不可替代",
"赵妞妞，你独一无二",
"赵妞妞，你超有魅力的",
"赵妞妞，你配得上所有的鲜花和掌声",
"赵妞妞，你是最好最负责任的赵老师",
"赵妞妞，你超棒的！",
"赵妞妞，谁认识你谁有福",
"赵妞妞，大胆去做 我会一直支持你",
"赵妞妞，要洒脱 要尽兴 要热烈",
"赵妞妞，小小世界 开心至上",
"赵妞妞，你是自由的",
"赵妞妞，享受当下",
"赵妞妞，我们允许一切发生",
"赵妞妞，允许自己偶尔摆烂",
"赵妞妞，论文敲不动就出去走走，会有新灵感",
"赵妞妞，别把委屈藏起来，我的耳朵永远开机",
"赵妞妞，想哭就哭，屏幕防水",
"赵妞妞，『你知道，就算大雨让这座城市颠倒，我会给你怀抱』",
"赵妞妞，好好生活",
"赵妞妞，好好爱世界",
"赵妞妞，更要爱自己",
"赵妞妞，要多拍照 因为照片会帮你记得",
"赵妞妞，有任何想发泄的吐槽的都可以找我",
"赵妞妞，我一直都在",
"赵妞妞，我会是你的最佳听众",
"赵妞妞，就像歌词写的 我们是对方特别的人",
"赵妞妞，想我了随时call我",
"赵妞妞，别怕打扰我",
"赵妞妞，更别怕麻烦我",
"赵妞妞，你知道的 只要我看到消息都会秒回的",
"赵妞妞，我们有时差 但还好只是一个小时",
"赵妞妞，知道你最近很忙 再忙也要好好休息",
"赵妞妞，等你回来给你一个大大的拥抱🤗",
"赵妞妞，我想你了",
"赵妞妞，抱抱🤗",
"赵妞妞，爱你哦",
"赵妞妞，等你回来"
];const colors=[["#ff9a9e","#fecfef"],["#a18cd1","#fbc2eb"],["#fad0c4","#ffd1ff"],["#ffecd2","#fcb69f"],["#ff8a80","#ff80ab"],["#84fab0","#8fd3f4"],["#fa709a","#fee140"],["#667eea","#764ba2"],["#43e97b","#38f9d7"]];
const rand=(min,max)=>Math.random()*(max-min)+min;

/* ===== 弹幕控制 ===== */
let index=0;
function create(){
  const div=document.createElement('div');
  div.className='msg';
  div.textContent=msgs[index];
  const [c1,c2]=colors[Math.floor(rand(0,colors.length))];
  div.style.background=`linear-gradient(135deg,${c1},${c2})`;
  div.style.left=rand(0,window.innerWidth-200)+'px';
  div.style.top=rand(0,window.innerHeight-60)+'px';
  div.style.setProperty('--r',rand(-15,15)+'deg');
  document.body.appendChild(div);
  index++;
}
function startShow(){
  if(index<msgs.length){
    create();
    setTimeout(startShow,rand(400,1000));
  }
}

/* ===== 点击开始 ===== */
const audio=document.getElementById('bgm');
const unlock=document.getElementById('unlock');
const btn=document.getElementById('btn');

btn.onclick=()=>{
  audio.muted=false;   // 关静音
  audio.play();        // 出声
  unlock.remove();     // 按钮消失
  startShow();         // 弹幕与音乐同步开始
};
</script>
</body>
</html>